<template>
	<el-row class="home" :gutter="20">
		<el-col :span="8">
			<el-card shadow="hover" style="height: 290px">
				<div class="user">
					<img :src="userImg" />
					<div class="userinfo">
						<p class="name animate__animated " :class="animate">李文清</p>
						<p class="access">管理员</p>
					</div>
				</div>
				<div class="login-info">
					<p>上次登录时间：<span>2021-9-6</span></p>
					<p>上次登录地点：<span>成都</span></p>
				</div>
			</el-card>
		</el-col>
	</el-row>
</template>

<script>
export default {
	data() {
		return {
			animate: '',
			userImg: require("../../assets/images/user.png"),
		};

	},
	methods: {

	},
	mounted() {
		setInterval(() => {
			this.animate = 'animate__flipInX'
			setTimeout(() => {
				this.animate = ''

			}, 1000)
		}, 5000)
	}
};
</script>

<style lang="scss" scoped>
@import "~@/assets/scss/home.scss";
</style>
